import React, { Component } from 'react'
// ref 以前可以使用 字符串形式 ，通过this.refs获取到DOM节点
// 但是在React的严格模式下，ref 字符串的形式是过时的
// 推荐使用 createRef 或者 useRef 代替
// createRef  --- class组件
// useRef ---- 函数式组件使用   -----   hooks
export default class App extends Component {
  getData = () => {
    console.log(this.refs.username.value)
  }
  render() {
    return (
      <div>
        <input ref="username" type="text" placeholder="用户名" />
        <button onClick={ this.getData }>获取数据</button>
      </div>
    )
  }
}
